<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>名人堂</title>
    <link rel="stylesheet" href="./style/index.css">
</head>
<body>
<h2>名人语录</h2>
<div class="cart">
    <div class="cart-item">
        <img src="./images/liu-removebg-preview.png" alt="">
        <h4>刘宇轩</h4>
        <p>世界的运行规则就是： 你变优秀了，其他的事情才会跟着好起来。</p>
    </div>
    <div class="cart-item">
        <img src="./images/wang-removebg-preview.png" alt="">
        <h4>王陈卓</h4>
        <p>我们总要为自己的年少轻狂买单，我买了，太贵，回头一看，全是活该</p>
    </div>
    <div class="cart-item">
        <img src="./images/zou-removebg-preview.png" alt="">
        <h4>邹治安</h4>
        <p>而至少快乐伤心我自己决定</p>
    </div>
    <div class="cart-item">
        <img src="images/xu-removebg-preview.png" alt="">
        <h4>xx</h4>
        <p>我不喜欢我喜欢的人喜欢我不喜欢的人，更不喜欢我不喜欢的人喜欢我喜欢的人</p>
    </div>
</div>

<script type="text/javascript" src="./js/vanilla-tilt.babel.js"></script>
<script>
    VanillaTilt.init(document.querySelectorAll(".cart-item"), {
        max: 35,
        speed: 400
    });
</script>
</body>
</html>
